<div>
    <div class="row">
        <div class="col-sm-9">
            <router-outlet></router-outlet>
        </div>
        <div class="col-sm-3">
            <app-user-info panelTitle="Panels" (follow)="doFollow()"></app-user-info>
            <div class="list-group">
                <a routerLink="student" class="list-group-item">Student</a>
                <a routerLink="parents" class="list-group-item">Parents</a>
            </div>
            <div>
                <h3>{{currentTime | date:'yyyy-MM-dd HH:mm:ss'}}</h3>
                <input class="form-control" type="text" placeholder="search" [(ngModel)]="searchText" (keyup)="searchChanged($event)" (change)="searchChanged($event)" id="searchText" name="searchText">
                <button class="btn btn-default" (click)="searchChanged($event)">Click</button>
            </div>
        </div>
    </div>
</div>